<template>
  <div class='prize first-box'>
    <p class="title">
      <img class="fl" :src="imgs.logo" alt="">
      <span>中奖名单 <span class="prize-type">({{prizeType}})</span></span>
    </p>
    <Scroll :hasmore="hasmore" :pullup="pullup" setHeight="-42">
      <List :data="listData"></List>
    </Scroll>
  </div>
</template>
<script>
import Scroll from '../../../common/scroller'
import List from './prizenames'
export default {
  components: {Scroll,List},
  name: "",
  data() {
    return {
      imgs:{
        logo:require('../../../../assets/img/works/prize/2.png')
      },
      prizeType:"",

      hasmore:false,

      listData:[
        {
          id:1,
          name:"哈哈哈",
          phone:"12345678128",
          img:"https://bpic.588ku.com/element_pic/00/16/07/285798e2ef40806.jpg",
          state:0,//1已派发，0未派发
        }
      ],
    };
  },
  methods: {
    // 下拉刷新方法回调
    pullup(func){
      console.log("发请求了")

      func()
    }
  },
  created() {
    this.prizeType=sessionStorage.getItem("prizeType")
  }
};
</script>
<style lang="scss" scoped>
.prize {
  .title{
    padding: 10px 15px;
    font-size: 16px;
    border-bottom: 1px solid #f2f2f2;

    img{
      height: 19px;
      margin-right: 5px;
    }

    .prize-type{
      font-size: 12px;
      color: #999;
    }
  }
}
</style>